<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>CSS样式</title>
    <style type="text/css">
        p{
            /*
                样式里的注释

                颜色的设置至少有三种方式：
                英文单词

                #十六进制值
                #AB15CC
                # ：标识，表示这是16进制色值
                前两个16进制数，代表红色   00~FF
                中间两个16进制数，代表绿色  00~FF
                最后两个16进制数，代表蓝色  00~FF

                RGB(红,绿,蓝)色值
                取值范围：0~255
            */
            color:red;
            background-color: rgb(175,50,170);
        }
    </style>
    <link rel="stylesheet" href="../src/main/webapp/css/style.css">
</head>
<body>
    <!--
        CSS 全称： 层叠样式表
        CSS的引入方式有三种：
            1.内联样式
                就是在html标签里面添加一个style属性，在属性值里面设置css样式
                <h1 style="color:red">Hello World</h1>
                内联样式由于只能为单个标签设置样式，复用性比较差


            2.内部样式
                定义<style>标签，在标签内部定义css样式。这种方式比较常用。它的复用性很好。
                注意，需要在<head>添加<style>标签
                <style type="text/css">
                    p{
                        color:red;
                    }
                </style>
            3.外部样式
            定义link标签，引入外部的css文件



    -->
    <h1 style="color:red">Hello World</h1>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
</body>
</html>